{% extends 'base.html' %}
{% block style %}
{% endblock %}

{% block content %}
      <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="breadcrumb-holder">
                            <h1 class="main-title float-left">控制台</h1>
                            <ol class="breadcrumb float-right">
                                <li class="breadcrumb-item">首页</li>
                                <li class="breadcrumb-item active">控制台</li>
                            </ol>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                        <div class="card-box noradius noborder bg-default">
                            <i class="fa fa-user-o float-right text-white"></i>
                            <h6 class="text-white text-uppercase m-b-20">用户数量</h6>
                            <h1 class="m-b-20 text-white counter">{{ total_user }}</h1>
                            <span class="text-white">当前系统用户数量</span>
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                        <div class="card-box noradius noborder bg-warning">
                            <i class="fa fa-bar-chart float-right text-white"></i>
                            <h6 class="text-white text-uppercase m-b-20">文本短信数量</h6>
                            <h1 class="m-b-20 text-white counter">{{ total_text }}</h1>
                            <span class="text-white">当前系统文本短信数量</span>
                        </div>
                    </div>
                    <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                        <div class="card-box noradius noborder bg-info">
                            <i class="fa fa-file-text-o float-right text-white"></i>
                            <h6 class="text-white text-uppercase m-b-20">垃圾短信数量</h6>
                            <h1 class="m-b-20 text-white counter">{{ total_lj }}</h1>
                            <span class="text-white">当前系统垃圾短信数量</span>
                        </div>
                    </div>

                    <div class="col-xs-12 col-md-6 col-lg-6 col-xl-3">
                        <div class="card-box noradius noborder bg-danger">
                            <i class="fa fa-bell-o float-right text-white"></i>
                            <h6 class="text-white text-uppercase m-b-20">当前年份</h6>
                            <h1 class="m-b-20 text-white counter">2024</h1>
                            <span class="text-white">当前所属年份</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
                        <div class="box-content">
                            <h4 class="box-title">物理内存</h4>
                            <div id="real-time-flot-chart" class="flot-chart" style="height: 320px"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
{% endblock %}

{% block script %}
{% endblock %}